<%@ include file="inc/header.jspf" %>

<table data-role="table" class="ui-responsive table-stroke">
	<thead>
		<tr>
			<th><fmt:message key="ID"/></th>
			<th><fmt:message key="name"/></th>
			<th><fmt:message key="priority"/></th>
			<th><fmt:message key="date"/></th>
		</tr>
	</thead>
	<tbody>
		<c:forEach var="category" items="${categoryList}">
			<tr style="cursor: pointer;" onclick="location.href = 'detail?categoryID=${category.categoryID}';">
				<td>${category.categoryID}</td>
				<td>${category.name}</td>
				<td>${category.priority}</td>
				<td><fmt:formatDate value="${category.date}" pattern="yyyy/MM/dd"/></td>
			</tr>
		</c:forEach>
	</tbody>
</table>

<fieldset>
	<button type="button" data-theme="b" data-inline="true" data-icon="plus" onclick="location.href = 'create';">Add</button>
</fieldset>

<%@ include file="inc/footer.jspf" %>